<template>
  <div>
  <!-- 使用三级联动全局组件 
  三级联动已经注册为全局组件 
  不需要引入 可以直接使用 -->
<TypeNav></TypeNav>
<ListContainer></ListContainer>
<Recommend></Recommend>
<Rank></Rank>
<Like></Like>
<!-- floor这个组件 自己在组件内部是没有发请求的  数据是父组件给的 -->
<Floor v-for="(floor,index) in floorList" :key="floor.id" :list="floor"></Floor>

<Brand></Brand>
<!-- <button @click="add">点击我+1</button>
<span>仓库数据{{count}}</span>
<button >点击我-1</button> -->
  </div>
</template>

<script>
//引入其余的组件
import ListContainer from "@/pages/Home/ListContainer"
import Recommend from "@/pages/Home/Recommend"
import Rank from "@/pages/Home/Rank"
import Like from "@/pages/Home/Like"
import Floor from "@/pages/Home/Floor"
import Brand from "@/pages/Home/Brand"

import {mapState} from 'vuex'
export default {
  name:"Home",
  components:{
    ListContainer,
    Recommend,
    Rank,
    Like,
    Floor,
    Brand,
  
  },
mounted(){
  //派发action  获取floor组件的数据
  this.$store.dispatch('getFloorList')
//获取用户信息
this.$store.dispatch('getUserInfo')
},
computed:{
  ...mapState({
   floorList:state =>state.home.floorList
  })
}

}
</script>

<style>

</style>